<template>
  <div class="agreement-page">
    <div class="container">
      <h1>金诺云展会员服务协议</h1>

      <div class="intro">
        <p>
          <span class="important">重要提示：</span>
          请您在勾选同意本协议之前，务必审慎阅读、充分理解本协议各条款内容，特别是以加粗形式标注的条款。如您对本协议有任何疑问，请勿进行下一步操作，并可咨询金诺客服。当您勾选"我已阅读并同意《金诺云展会员服务协议》"并点击"立即支付"按钮后，即视为您已充分阅读、理解并接受本协议的全部内容，本协议即构成对双方有约束力的法律文件。
        </p>
      </div>

      <p><strong>甲方（服务使用方）：</strong>"您"或"会员"，即购买金诺展会包或客源包服务的金诺云展注册用户。</p>
      <p><strong>乙方（服务提供方）：</strong>金诺买家客户库平台（运营公司全称：[请在此处填写您的公司全称]）</p>

      <div class="section">
        <h2>一、协议内容与生效</h2>
        <p>1.1 本协议是甲方与乙方之间就甲方购买并使用乙方提供的"金诺云展"会员服务（包括但不限于展会数据包、客源信息包等产品，以下简称"服务"）所订立的协议。</p>
        <p>1.2 甲方通过乙方平台页面勾选本协议并完成支付，即表示甲方接受本协议的全部约定，本协议即在甲、乙双方之间产生法律效力。</p>
      </div>

      <div class="section">
        <h2>二、服务内容</h2>
        <p>2.1 乙方根据甲方所购买的特定服务包（展会包/客源包），向甲方提供以下服务：</p>
        <ul>
          <li>展会数据包：提供指定展会的采购商、观众名录信息，可能包括公司名称、联系人、职位、联系方式（电话、邮箱等）、采购需求等信息（具体以所购产品描述为准）。</li>
          <li>客源信息包：提供符合特定行业、区域或其他筛选条件的潜在客户信息。</li>
        </ul>
        <p>2.2 服务的具体信息（如数据条数、展会名称、信息字段、有效期等）以甲方下单时乙方平台展示的详细说明为准。</p>
      </div>

      <div class="section">
        <h2>三、会员权利与义务</h2>
        <p>3.1 甲方有权在服务有效期内及本协议约定的范围内使用乙方提供的服务内容。</p>
        <p>3.2 甲方承诺：</p>
        <ul>
          <li>a) 对所获得的数据信息仅限于自身业务联系、市场营销等合法、正当的商业用途。</li>
          <li>b) <span class="important">不得将获得的数据信息以任何形式（包括但不限于复制、销售、转售、出租、借用、公开传播）提供给任何第三方。</span></li>
          <li>c) 遵守所有与数据隐私和信息保护相关的法律法规，包括但不限于《中华人民共和国网络安全法》、《中华人民共和国个人信息保护法》等。</li>
          <li>d) 在使用信息进行电话、邮件等营销活动时，应尊重对方意愿，不得进行骚扰、欺诈等不正当活动。</li>
        </ul>
        <p>3.3 甲方应妥善保管其平台账号及密码，并对使用其账号进行的所有活动负法律责任。</p>
      </div>

      <div class="section">
        <h2>四、乙方权利与义务</h2>
        <p>4.1 乙方应按照服务承诺向甲方提供相应的数据信息服务。</p>
        <p>4.2 乙方应尽力保证所提供信息的准确性、及时性和合法性，但鉴于信息的动态变化特性，乙方并不保证所有信息的100%绝对准确、完整或有效。甲方对此表示知悉并认可。</p>
        <p>4.3 乙方有权根据相关法律法规的要求或公司运营需要，对服务内容、功能等进行调整、升级或中断，并将尽可能提前进行通知。</p>
        <p>4.4 乙方保留因甲方违反本协议第3.2条等规定，而单方暂停、终止服务并不退还任何费用的权利。</p>
      </div>

      <div class="section">
        <h2>五、费用与支付</h2>
        <p>5.1 甲方应按照乙方平台公布的收费标准，在订购时一次性支付全部服务费用。</p>
        <p>5.2 <span class="important">本协议所涉及的所有费用一旦支付，除因乙方原因导致服务完全无法提供外，不予退款。</span></p>
      </div>

      <div class="section">
        <h2>六、知识产权与保密</h2>
        <p>6.1 乙方提供的所有数据信息、数据库结构、平台系统等的知识产权均归乙方或相关权利人所有。</p>
        <p>6.2 甲方对于通过本服务获取的未经公开的客户信息负有保密义务，本协议终止后，该义务仍然有效。</p>
      </div>

      <div class="section">
        <h2>七、免责声明</h2>
        <p>7.1 乙方对以下情形所致的问题不承担责任：</p>
        <ul>
          <li>a) 因台风、地震、洪水、战争、政府行为等不可抗力因素导致的服务中断或延迟。</li>
          <li>b) 因电信运营商网络故障、黑客攻击、病毒入侵等任何非乙方能控制的技术原因造成的服务异常。</li>
          <li>c) 甲方因其使用数据信息进行商业活动所产生的任何商业收益或损失。</li>
          <li>d) 因信息中联系方式的变更、错误或对方不愿接洽等导致的沟通不畅。</li>
        </ul>
      </div>

      <div class="section">
        <h2>八、协议变更与终止</h2>
        <p>8.1 乙方有权在必要时修改本协议条款，修改后的协议将在乙方平台公布。若甲方在协议修改后继续使用服务，则视为接受修改后的协议。</p>
        <p>8.2 服务期满，本协议自动终止。</p>
        <p>8.3 任何一方严重违反本协议，守约方有权终止本协议。</p>
      </div>

      <div class="section">
        <h2>九、法律适用与争议解决</h2>
        <p>9.1 本协议的订立、执行和解释均适用中华人民共和国法律。</p>
        <p>9.2 因本协议引起的或与本协议有关的任何争议，双方应首先通过友好协商解决；协商不成的，任何一方均有权将争议提交至乙方所在地有管辖权的人民法院诉讼解决。</p>
      </div>

      <div class="section">
        <h2>十、其他</h2>
        <p>10.1 本协议构成双方就本协议涉及事项达成的完整协议。</p>
      </div>

      <div class="contact-info">
        <p><strong>乙方客服电话：</strong>[请填写您的客服电话]</p>
        <p><strong>乙方官方网址：</strong>[请填写您的官网网址]</p>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
// 静态页面，无需逻辑
</script>

<style scoped>
.agreement-page {
  background-color: #f8f9fa;
  padding: 20px;
  min-height: 100vh;
}

.container {
  max-width: 800px;
  margin: 0 auto;
  background-color: #ffffff;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

h1 {
  font-size: 28px;
  color: #1a3a6c;
  text-align: center;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 2px solid #e0e6ef;
  font-weight: 600;
}

h2 {
  font-size: 20px;
  color: #1a3a6c;
  margin-top: 30px;
  margin-bottom: 15px;
  font-weight: 600;
}

p {
  font-size: 16px;
  margin-bottom: 15px;
  text-align: justify;
}

ul {
  margin-left: 20px;
  margin-bottom: 15px;
}

li {
  margin-bottom: 10px;
  font-size: 16px;
}

.important {
  font-weight: bold;
  color: #d32f2f;
  background-color: #fff8f8;
  padding: 2px 4px;
  border-radius: 3px;
}

.section {
  margin-bottom: 25px;
}

.intro {
  background-color: #f0f7ff;
  padding: 20px;
  border-left: 4px solid #4a90e2;
  margin-bottom: 25px;
  border-radius: 0 5px 5px 0;
}

.contact-info {
  background-color: #f8f9fa;
  padding: 20px;
  border-radius: 8px;
  margin-top: 30px;
  border: 1px solid #e9ecef;
}

.contact-info p {
  margin: 10px 0;
  font-size: 16px;
}

.contact-info strong {
  color: #1a3a6c;
}
</style>